<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>操作当当购物车页面</title>
		<link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
	</head>
	<body>

		<div class="content">
			<div class="logo">
				<img src="images/dd_logo.jpg"><span onclick="close_plan();">关闭</span>
			</div>
			<div class="cartList" id="cartList">
				<ul>
					<li>商品图片</li>
					<li>商品信息</li>
					<li>单价</li>
					<li>数量</li>
					<li>总价</li>
					<li>操作</li>
				</ul>
				<ul>
					<li><img src="images/dog.jpg"></li>
				<li>我和狗狗活下来了</li>
					<li>¥<input type="text" name="price" value="21.90"></li>
					<li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1"
						 onkeyup="changeNum(0)"><input type="button" name="plus" value="+" onclick="plus(0);"></li>
					<li id="price0">¥21.90</li>
					<li>
						<p onclick="collection();">移入收藏</p>
						<p>删除</p>
					</li>
				</ul>
				<ul>
					<li><img src="images/mai.jpg"></li>
						<li>灰霾来了怎么办</li>
					<li>¥<input type="text" name="price" value="24.00"></li>
					<li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"
						 onkeyup="changeNum(1)"><input type="button" name="plus" value="+" onclick="plus(1);"></li>
					<li id="price1">¥24.00</li>
					<li>
						<p onclick="collection();">移入收藏</p>
						<p>删除</p>
					</li>
				</ul>
				<ol>
					<li id="totalPrice">商品总计：<span></span></li>
					<li><span onclick="settleAccout()">结 算</span></li>
				</ol>

			</div>
			<p id="tt"></p>
		</div>

		<script type="text/javascript" src="js/shopping.js"></script>
		<script>
			function settleAccout(){
			var d = document.getElementById("cartList");
					           var total = 0;
					           var str = "";
					           var dr = d.children;
					           for(var i = 1;i<dr.length-1;i++){
					               var ul = dr[i];
					               var bname = ul.children[1].innerHTML;
					               var price = ul.children[2].lastElementChild.value;
					               var num = ul.children[3].firstElementChild.nextElementSibling.value;
					               total+=price*num;
					               str+=bname+"￥"+(price*num);
					               str+="<br/>";
					           }
					           str+="总价：￥"+total;
					           document.getElementById("tt").innerHTML = str;
					       }
						   			function changeNum(index) {
				var prices = document.getElementsByName("price")[index].value;
				var count = document.getElementsByName("amount")[index].value;
				var totals = parseFloat(prices * count);
				var price = document.getElementById("price" + index);
				price.innerHTML = "¥" + totals;}
		</script>
	</body>
</html>
